$(function () {
    // 定义全局变量
    var pageNum = 1;
    var pageSize = 1;

    function init(search) {
        $.ajax({
            type: "GET", //默认get
            url: "/getAllPost", //默认当前页
            data: {
                pageNum: pageNum,
                pageSize: pageSize,
                ...search
            }, //格式{key:value}
            dataType: "json",
            success: function (res) { //请求成功回调
                let html = template('tem', res.data);
                $('tbody').html(html);

                // 生成分页结构
                console.log(res)
                setPagenation(Math.ceil(res.data.total / pageSize))
            }
        });
    }
    init()

    // 实现分页
    function setPagenation(total) {
        // 初始化
        $('.pagination').bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: pageNum,
            // 总页数
            totalPages: total,
            // 点击按钮时进行的操作
            onPageClicked: function (event, originalEvent, type, page) {
                console.log(type, page)
                pageNum = page;
                init()
            }
        })
    }


    // 加载数据分类
    $.ajax({
        type: "GET",  //默认get
        url: "/getAllCate",  //默认当前页
        data: "data",  //格式{key:value}
        dataType: "json",
        
        success: function (res) {  //请求成功回调
            var str = '<option value="all">所有分类</option>';
            for(var i = 0;i<res.data.length;i++){
                str += `'<option value="${res.data[i].id}">${res.data[i].name}</option>'`
            }
            $('.cateSelector').html(str)
        },
        
    });


    // 实现筛选功能
    // 发送请求
    $('.btn-default').on('click',function(){
        // 收集数据
        var obj = {
            cate : $('.cateSelector').val(),
            status : $('.statusSelector').val()
        }
        init(obj)
    })

})